<template>
    <div id="detailpage">
        <div class="detailpage_nei">
            <div class="spms">
             <firsttable></firsttable>

            </div>
            <div class="fzxx">
            <secondtable></secondtable>
            </div>
            <div class="smset">
            <thirdtable></thirdtable>
            </div>
            <div class="qtxinxi">
            <fourtable></fourtable>
            </div>
        </div>
    </div>

</template>
<script>
    import fourtable from '../components/table/Fourtable.vue'
    import thirdtable from '../components/table/Thirdtable.vue' 
    import secondtable from '../components/Secondtable.vue'
    import firsttable from '../components/Firsttable.vue'
    export default {
        components:{firsttable , secondtable , thirdtable , fourtable}
    }
</script>
<style scoped>
    .sptp_right>ul{
        list-style: none;
        display: flex;
        justify-content: space-between;
    }
    .sptp_right>ul>li{
        width: 160px;
        height: 100px;
        /* background-color: yellowgreen; */
    }
    .sptp_right{
        width: 688px;
        height: 100px;
        display: inline-block;
        vertical-align: top;
    margin-top: 15px;
    }
    .sptp_left{
        width: 130px;
        height: 132px;
        /* background-color: gold; */
        display: inline-block;
        text-align: center;
        line-height: 132px;
        border: .3px solid #F0F0F0;
        background-color: #FAFAFA;
    }
    .sptp{
        width: 1184px;
        height: 132px;
        /* background-color: aquamarine; */
        background-color: #fff;

    }
    .spbh{
        width: 1184px;
        height: 38px;
        /* background-color:darkolivegreen; */
    }
    .spmc_left{
        width: 130px;
        height: 38px;
        /* background-color: wheat; */
        text-align: center;
        line-height: 38px;
        display: inline-block;
        background-color: #FAFAFA;
        border: .3px solid #F0F0F0;
    }
    .spmc{
        width: 1184px;
        height: 38px;
        /* background-color: rosybrown; */
        background-color: #fff;
    }
    .spms_header{
        text-align: center;
        line-height: 40px;
    }
    .spms_header{
        width: 1184px;
        height: 40px;
        background-color: #666;
        color: #FFFFFF;
    }
    .qtxinxi {
        width: 1184px;
        height: 286px;
        /* background-color: mediumaquamarine; */
        margin-top: 20px;
    }

    .smset {
        width: 1184px;
        height: 192px;
        /* background-color: magenta; */
        margin-top: 20px;
    }

    .fzxx {
        width: 1184px;
        height: 154px;
        /* background-color: red; */
        margin-top: 20px;

    }

    .spms {
        width: 1184px;
        height: 248px;
        /* background-color: paleturquoise; */
    }

    .detailpage_nei {
        width: 1184px;
        height: 952px;
        /* background-color: skyblue; */
        margin: 20px auto;
    }

    #detailpage {
        width: 1215px;
        height: 1000px;
        /* background-color: salmon; */
        margin-top: 45px;
        position: absolute;
    }
</style>